<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="css/H-ui.min.css" rel="stylesheet" type="text/css" media="all"/>
    <link href="css/login.css" rel="stylesheet" type="text/css" media="all"/>
    <script src="js/lib/jquery-3.5.1.min.js"></script>
    <script src="js/lib/layer/layer.min.js"></script>
</head>
<body>
    <!--登录-->
    <div id="login" class="panel panel-default radius">
        <!--管理员登录-->
        <div class="login-manager" v-show="show_manager">
            <div class="text-c"><h3>管理员登录</h3></div>
            <div class="mb-10">
                <label><span>账号</span><input class="input-text radius size-M" type="text" v-model="account" ></label>
            </div>
            <div class="mb-10">
                <label><span>密码</span><input class="input-text radius size-M" type="password" v-model="password" ></label>
            </div>
            <div class="mb-10">
                <button class="btn btn-secondary radius" @click="login()">登录</button>
                <a href="#" @click="cutover()">切换用户登录</a>
            </div>
        </div>
        <!--用户登录-->
        <div class="login-manager" v-show="show_user">
            <div class="text-c"><h3>用户登录</h3></div>
            <div class="mb-10">
                <label><span>账号</span><input class="input-text radius size-M" type="text" v-model="account" ></label>
            </div>
            <div class="mb-10">
                <label><span>密码</span><input class="input-text radius size-M" type="password" v-model="password" ></label>
            </div>
            <div>
                <button class="btn btn-secondary radius" @click="login()">登录</button>
                <a href="#" @click="cutover()">切换用户登录</a>
            </div>
        </div>
    </div>


    <script src="js/lib/vue.js"></script>
    <script src="js/login.js"></script>
</body>
</html>